﻿.fixed{position: fixed;left: 50%;top: 0;width: 6.2rem;z-index: 999;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.wrapConent{ max-width: 640px; min-width: 320px; margin: auto; color: #4f4f4f;padding-bottom: 3.5rem; font-size: 0.18rem; background: #f2f2f2;}
.wrapConent .topcoct{z-index: 1; padding: 0 0.15rem; box-shadow:0px 0.2rem 0.3rem -0.15rem #ccc;background: #fff; }
.wrapConent .topcoct.fixed{position: fixed;width: 6.4rem;box-sizing: border-box;top: 0;}
.wrapConent h2.td{ font-size: 0.24rem; padding: 0.2rem 0.3rem 0.1rem; position: relative; border-bottom: 1px solid #e5e5e5; background: #fff;}
.wrapConent h2.td:before{ position: absolute; content: ''; width: 0.04rem; height: 0.21rem; background: #4f4f4f; left:0.15rem; top: 0.25rem;}
.topcoct ul li{ width: 25%; padding: 0.2rem 0; cursor: pointer;}
.topcoct ul li div{width:1.03rem ; margin: 0 auto;border-radius: 50%;  }
.topcoct ul li span{ position: absolute;font-size: 0.12rem; bottom: -0.82rem; left: 0; width: 1.03rem;padding-top: 0.03rem; height: 1.03rem;background: #14a601; color: #fff;}
.topcoct ul li h3{ font-size: 0.18rem;margin-top: 0.03rem; color: #000;}
.topcoct ul li p{ font-size: 0.14rem;}
.topcoct ul li span.onkz{ background: #df420b;}
.part1{ padding: 0.35rem 0.3rem;}
.mation{ margin-bottom: 0.3rem;}
#mation2{ display: none;}
.mation p{border: 1px solid #c6c6c6; background: #fff;margin-left: 0.35rem; padding: 0.2rem;width:72%; border-radius: 0.2rem; font-size: 0.28rem; line-height: 0.4rem; color: #000;}
.mation p:before{ position: absolute;content: ''; top: 0.2rem; left: -0.11rem; width:0.15rem ; height: 0.22rem; background: url(../images/sjx.png) no-repeat; background-size: 100%;}
.mation p span{ color: #ff0000; text-decoration: underline;}
.part1 .last{ display: none}
.part1 .last p{margin-right: 0.35rem; margin-left: 0;background: #78f581; max-width: 52%;}
.part1 .last p::before{  display: none}
.part1 .last p::after{ position: absolute;content: ''; top: 0.2rem; right: -0.11rem; width:0.15rem ; height: 0.22rem; background: url(../images/sjx1.png) no-repeat; background-size: 100%;}

.mation .logo img{ width: 0.81rem; border-radius: 50%;}
.bottom{padding: 0.1rem 0.15rem;background: #fff; position: fixed; left: 50%;max-width: 6.4rem;margin-left: -3.2rem; bottom: 0; right: 0; width: 100%; overflow: hidden;}
.bottom input{padding-left: 0.1rem; box-sizing: border-box; font-size: 0.24rem; outline:none; width: 60%; height: 0.6rem; line-height: 0.6rem; border-radius: 0.1rem; border: 0; border: 1px solid #d5d5d5; margin: 0 0.2rem;}
.bottom a{ font-size: 0.26rem;text-align: center;color: #000; background: #86e936; border: 1px solid #000; border-radius: 0.1rem; width: 20%;line-height: 0.6rem; height: 0.6rem;}
.zjtxt{ position: absolute;z-index: 1;  top: 1.4rem; left: 0;border-radius: 0.1rem; width: 100%; background: #fff; box-shadow: 0px 0px 10px #ccc;}
.zjtxt h2{ font-size: 0.24rem; color: #313131;}
.zjtxt h2 i{ font-size: 0.2rem; color: #f43f00; float: right;}
.zjtxt span{ background: #313131;display: inline-block; margin: 0.15rem 0 0.1rem; padding: 0.03rem 0.1rem;color: #fff;}
.zjtxt p{ line-height: 0.24rem;}
.altu{ width: 5.44rem; }
.altu p{ position: absolute;width: 50%; top: 0.08rem;line-height: 0.23rem; left: 0.45rem; color: #fff; font-size: 0.17rem;}
.ljzun{ width: 90%; display: block;border-radius: 0.1rem; background: #86e936;font-size: 0.3rem;color: #000;margin: 0.1rem auto; padding: 0.05rem 0; border: 1px solid #8f8f8f;}
.zjx{ position: absolute; top: -0.26rem; left: 0.55rem; width: 0.45rem;}
.zjtxt .zjcont{ display: none;padding:0.1rem 0.2rem 0;}
.zjtxt .zjcont:nth-of-type(2) .zjx{ left: 34%;}
.zjtxt .zjcont:nth-of-type(3) .zjx{ left: 59%;}
.zjtxt .zjcont:nth-of-type(4) .zjx{ left: 84%;}